<html>
    <head>
        <script type="text/javascript" src="js/jquery-latest.js"></script>
        <script type="text/javascript" src="js/json.js"></script>
        <script type="text/javascript" src="js/webskine.js"></script>
        <script type="text/javascript">
            var template = {"content_type": "text/html",
                            "content"     : " \
<?xml version=\"1.0\" encoding=\"UTF-8\"?> \
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"> \
<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\" lang=\"en\"> \
 \
<head> \
    <title>A webskine weblog</title> \
    <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\"> \
</head> \
 \
<body> \
    <div id=\"header\"> \
        <h1><a href=\"{WEBSKINE_ROOT}\" title=\"Home\">A webskine weblog</a></h1> \
    </div> \
 \
    <div id=\"main\"> \
        <div class=\"hentry\" id=\"entry-{id}\"> \
            <h2><a href=\"{STORE_LOCATION}/{id}\" title=\"Permalink for this post\" class=\"entry-title\">{title}</a></h2> \
\
            <div class=\"entry-summary\">{content.content}</div> \
\
<p><a href=\"http://technorati.com/tag/{category.term}\" rel=\"tag\"><img style=\"border:0;vertical-align:middle;margin-left:.4em\" src=\"http://static.technorati.com/static/img/pub/icon-utag-16x13.png?tag={category.term}\" alt=\" \" />{category.term}</a></p> \
\
<p class=\"footnote hcard\">By <span><a class=\"url fn n\" href=\"http://dealmeida.net\">  <span class=\"givenname\" style=\"display: none;\">Roberto Antonio</span> \"Rob\" <span class=\"additionalname\" style=\"display: none;\">Ferreira</span> <span class=\"familyname\">De Almeida</span></span> at <span class=\"updated\">{updated}</span></p> \
        </div> \
\
        <div class=\"hentry\" id=\"entry-{collection.id}\"> \
            <h2><a href=\"{STORE_LOCATION}/{collection.id}\" title=\"Permalink for this post\" class=\"entry-title\">{collection.title}</a></h2> \
\
            <div class=\"entry-summary\"><em>{collection.summary}</em></div> \
\
<p class=\"footnote hcard\">By <span><a class=\"url fn n\" href=\"http://dealmeida.net\">  <span class=\"givenname\" style=\"display: none;\">Roberto Antonio</span> \"Rob\" <span class=\"additionalname\" style=\"display: none;\">Ferreira</span> <span class=\"familyname\">De Almeida</span></span> at <span class=\"updated\">{collection.updated}</span></p> \
        </div> \
\
        <p><a href=\"{WEBSKINE_ROOT}/{STORE_LOCATION}/{next}\">Next</a></p> \
\
        <ul> \
            <li>{http://twitter.com/statuses/user_timeline/dealmeida.json?count=5#text}</li> \
        </ul> \
    </div> \
 \
    <div id=\"footer\"> \
        <p>This weblog by <a href=\"http://dealmeida.net/projects/webskine\">webskine</a> &mdash; &copy; Roberto De Almeida 2006&mdash;2007</p> \
    </div> \
</body> \
 \
</html>"};

            function create_template() {
                $.json("POST", "http://localhost:8080/templates/default", template);
            }
        </script>
    </head>
    <body>
        <input type="button" value="Create template" onclick="javascript:create_template()" />
    </body>
</html>
